body {
    margin: 0;
    width: 100%;
    height: 100vh;
    font-family: "Exo", sans-serif;
    color: #fff;
    background: linear-gradient(-45deg, #9c5367, #a61d27, #244a23, #0a2639);
    background-size: 400% 400%;
    animation: gradientBG 20s ease infinite;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.website-container{
    width: 800px;
    margin: 0px auto;
}

hr{
    margin: 15px 0;
}
.website-container table{
    width: 100%;
}

.website-container table, td{
    border-collapse: collapse;
    border: 1px solid #fff;
}

th{
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.226);
}
td{
    padding: 10px 20px;
    text-align: center;
}
.add{
    border-style: none;
    padding:5px 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #c22360;
}
.add:hover{
    color: #fff;
    background-color: #ce5282;
}
input{
    border: none;
    outline: none;
}
.search{
    text-align: center;
    vertical-align: middle;
}
.search input{
    width: 400px;
    height: 30px;
}
.search .add{
    width: 100px;
    height: 33px;
    border-radius: 0;
}